var editTime = setInterval("Timeout(editTime)", 1000);

function initSearchInput() {
    //给下拉箭头绑定点击事件  点击下拉箭头显示/隐藏对应的列表
    //输入框的类名为selectInput
    //下拉箭头的类名为picture_click、dropDowns
    //下拉列表的类名为selectList
    for (var i = 0; i < $('.picture_click').length; i++) {
        $('.picture_click').eq(i).click(function () {
            $(this).parent().find('.selectList').toggle();
        })
    }
    //为列表中的每一项绑定鼠标经过事件
    $('.selectList div').mouseenter(function () {
        $(this).css("background", "#eee").siblings().css("background", "");
    });
    //为列表中的每一项绑定单击事件
    $('.selectList div').click(function () {
        //文本框为选中项的值
        $(this).parent().parent().find('.selectbox').val($(this).html());
        $("#cityName").attr("data-id", $(this).attr("id"));
        selectShopId = $(this)[0].id;
        $("#shopId").val(selectShopId)
        //下拉框隐藏
        $(this).parent().hide();
    });

    // 点击下拉框外部的时候使下拉框隐藏
    var dropDowns = document.getElementsByClassName('dropDowns');
    var selectList = document.getElementsByClassName('selectList');
    document.body.onclick = function (e) {
        e = e || window.event;
        var target = e.target || e.srcElement;
        for (var i = 0; i < dropDowns.length; i++) {
            if (target != dropDowns[i] && target != selectList[i]) {
                selectList[i].style.display = 'none';
            }
        }
    }
}
function initSearchInput1() {
    //给下拉箭头绑定点击事件  点击下拉箭头显示/隐藏对应的列表
    //输入框的类名为selectInput
    //下拉箭头的类名为picture_click、dropDowns
    //下拉列表的类名为selectList
    for (var i = 0; i < $('.picture_click').length; i++) {
        $('.picture_click').eq(i).click(function () {
            $(this).parent().find('.selectList').toggle();
        })
    }
    //为列表中的每一项绑定鼠标经过事件
    $('.selectList1 div').mouseenter(function () {
        $(this).css("background", "#eee").siblings().css("background", "");
    });
    //为列表中的每一项绑定单击事件
    $('.selectList1 div').click(function () {
        //文本框为选中项的值
        $(this).parent().parent().find('.selectbox').val($(this).html());
        selectShopId = $(this)[0].id;
        $("#shopId1").val(selectShopId)
        //下拉框隐藏
        $(this).parent().hide();
    });

    //点击下拉框外部的时候使下拉框隐藏
    var dropDowns = document.getElementsByClassName('dropDowns');
    var selectList = document.getElementsByClassName('selectList1');
    document.body.onclick = function (e) {
        e = e || window.event;
        var target = e.target || e.srcElement;
        for (var i = 0; i < dropDowns.length; i++) {
            if (target != dropDowns[i] && target != selectList[i]) {
                selectList[i].style.display = 'none';
            }
        }
    }
}
function getInitSearch(storeName) {
    $.ajax({
        type: "get",
        url: urls + common_url.selectOneStoreList,
        async: true,
        timeout: 30000,
        dataType: "json",
        data: {
            storeName: storeName
        },
        headers: {
            'X-Access-Token': userMessage.token,
        },
        success: function (json) {
            var selectHtml = '';
            var divHtml = ""
            CheckLogout(json);
            // CheckLogout(json); //检查是否登陆过期
            if (json.code == "0") {
                for (var i = 0; i < json.data.length; i++) {
                    //								selectHtml = '<option value=' + json.result[i].bId + '>' + json.result[i].businessName + '</option>'
                    divHtml += '<div id="' + json.data[i].id + '">' + json.data[i].storeName + '</div>'
                    //								$("#dls").append(selectHtml)
                    // $("#shopList1").append(divHtml);
                }
                $("#shopList").html(divHtml)
                //初始化下拉框
                initSearchInput();
                initSearchInput1();
            } else {
                TipsAlert(json.return_error);
            }
            InitTime(editTime);
        },
        error: function (xml, text, errorThrown) {
            if (text == "timeout") {
                TipsAlert("请求超时,请检查网络或着重新打开该页面.");
            } else {
                TipsAlert("请求数据失败,请联系后台技术人员");
            }
            InitTime(editTime);
        }
    });
}
function fuzzySearch1(e) {
    var that = this;
    //获取列表的ID
    var listId = $(this).attr("list");
    //列表
    var list = $('#' + listId + ' div');
    //列表项数组  包列表项的id、内容、元素
    var listArr = [];
    //遍历列表，将列表信息存入listArr中
    $.each(list, function (index, item) {
        var obj = {
            'eleId': item.getAttribute('id'),
            'eleName': item.innerHTML,
            'ele': item
        };
        listArr.push(obj);
    })

    //current用来记录当前元素的索引值
    var current = 0;
    //showList为列表中和所输入的字符串匹配的项
    var showList = [];
    //为文本框绑定键盘引起事件
    $(this).keyup(function (e) {
        //如果输入空格自动删除
        this.value = this.value.replace(' ', '');
        //列表框显示
        $('#' + listId).show();
        if (e.keyCode == 38) {
            //up
            //						console.log('up');
            current--;
            if (current <= 0) {
                current = 0;
            }
            //						console.log(current);
        } else if (e.keyCode == 40) {
            //down
            //						console.log('down');
            current++;
            if (current >= showList.length) {
                current = showList.length - 1;
            }
            //						console.log(current);

        } else if (e.keyCode == 13) {
            //enter
            //						console.log('enter');
            //如果按下回车，将此列表项的内容填充到文本框中
            $(that).val(showList[current].innerHTML);
            selectShopId = showList[current].id;
            $("#shopId1").val(selectShopId)
            //下拉框隐藏
            $('#' + listId).hide();
        } else {
            //other
            //						console.log('other');
            //文本框中输入的字符串
            var searchVal = $(that).val();
            showList = [];
            //将和所输入的字符串匹配的项存入showList
            //将匹配项显示，不匹配项隐藏
            $.each(listArr, function (index, item) {
                if (item.eleName.indexOf(searchVal) != -1) {
                    item.ele.style.display = "block";
                    showList.push(item.ele);
                } else {
                    item.ele.style.display = 'none';
                }
            })
            //						console.log(showList);
            current = 0;
            selectShopId = null;


        }
        //设置当前项的背景色及位置
        $.each(showList, function (index, item) {
            if (index == current) {
                item.style.background = "#eee";
                $('#' + listId).scrollTop(item.offsetTop);
            } else {
                item.style.background = "";
            }
        })
        //设置下拉框的高度
        //212为列表框的最大高度
        if (212 > $('#' + listId + ' div').eq(0).height() * showList.length) {
            $('#' + listId).height($('#' + listId + ' div').eq(0).height() * showList.length);
        } else {
            $('#' + listId).height(212);
        }
    })
}
/**
 * 该方法用于初始化列表
 * @param {Number} startIndex startIndex是数据起始下标
 * */

function fuzzySearch(e) {
    var that = this;
    //获取列表的ID
    var listId = $(this).attr("list");
    //列表
    var list = $('#' + listId + ' div');
    //列表项数组  包列表项的id、内容、元素
    var listArr = [];
    //遍历列表，将列表信息存入listArr中
    $.each(list, function (index, item) {
        var obj = {
            'eleId': item.getAttribute('id'),
            'eleName': item.innerHTML,
            'ele': item
        };
        listArr.push(obj);
    })

    //current用来记录当前元素的索引值
    var current = 0;
    //showList为列表中和所输入的字符串匹配的项
    var showList = [];
    //为文本框绑定键盘引起事件
    $(this).keyup(function (e) {
        //如果输入空格自动删除
        this.value = this.value.replace(' ', '');
        //列表框显示
        $('#' + listId).show();
        if (e.keyCode == 38) {
            //up
            //						console.log('up');
            current--;
            if (current <= 0) {
                current = 0;
            }
            //						console.log(current);
        } else if (e.keyCode == 40) {
            //down
            //						console.log('down');
            current++;
            if (current >= showList.length) {
                current = showList.length - 1;
            }
            //						console.log(current);

        } else if (e.keyCode == 13) {
            //enter
            //						console.log('enter');
            //如果按下回车，将此列表项的内容填充到文本框中
            $(that).val(showList[current].innerHTML);
            selectShopId = showList[current].id;
            $("#shopId").val(selectShopId)
            //下拉框隐藏
            $('#' + listId).hide();
        } else {
            //other
            //						console.log('other');
            //文本框中输入的字符串
            var searchVal = $(that).val();
            showList = [];
            //将和所输入的字符串匹配的项存入showList
            //将匹配项显示，不匹配项隐藏
            $.each(listArr, function (index, item) {
                if (item.eleName.indexOf(searchVal) != -1) {
                    item.ele.style.display = "block";
                    showList.push(item.ele);
                } else {
                    item.ele.style.display = 'none';
                }
            })
            //						console.log(showList);
            current = 0;
            selectShopId = null;


        }
        //设置当前项的背景色及位置
        $.each(showList, function (index, item) {
            if (index == current) {
                item.style.background = "#eee";
                $('#' + listId).scrollTop(item.offsetTop);
            } else {
                item.style.background = "";
            }
        })
        //设置下拉框的高度
        //212为列表框的最大高度
        // if (212 > $('#' + listId + ' div').eq(0).height() * showList.length) {
        //     $('#' + listId).height($('#' + listId + ' div').eq(0).height() * showList.length);
        // } else {
        //     $('#' + listId).height(212);
        // }
    })
}